<template>
    <section>
      <div class="nav_options">
        <div class="nav_option"  :class="{nav_option_active:isActive == 1}" @click="isActive=1">
          <span>设备分组</span>
        </div>
        <div class="nav_option"  :class="{nav_option_active:isActive == 2}" @click="isActive=2">
          <span>检查项配置</span>
        </div>
        <div class="nav_option"  :class="{nav_option_active:isActive == 3}" @click="isActive=3">
          <span>运维人员配置</span>
        </div>
        <div class="nav_option"  :class="{nav_option_active:isActive == 4}" @click="isActive=4">
          <span>服务时限配置</span>
        </div>
        <!-- <div class="nav_option" v-if="$root.btnControl.find(item=>item=='bill_receipt')" :class="{nav_option_active:isActive == 4}" @click="isActive=5">
            <span>审核配置</span>
          </div> -->
      </div>
      <!-- 设备分组 -->
      <jichushebeifenzu v-if="isActive==1"></jichushebeifenzu>
      <!-- 检查项配置 -->
      <jichujianchaxiang v-if="isActive==2"></jichujianchaxiang>
      <!-- 运维人员配置 -->
      <jichuywrenyuan v-if="isActive==3"></jichuywrenyuan>
      <!-- 服务时限配置 -->
      <jichufuwushixian v-if="isActive==4"></jichufuwushixian>
   
    </section>  
  </template>
  
  <script>
  import jichushebeifenzu from './jichu_shebeifenzu'//
  import jichujianchaxiang from './jichu_jianchaxiang'//
  import jichuywrenyuan from './jichu_ywrenyuan'//
  import jichufuwushixian from './jichu_fuwushixian'//
  export default {
    data(){
      return{
        isActive:1
      }
    },
    methods:{
  
    },
    mounted(){
  
    },
    components:{
      jichushebeifenzu,
      jichujianchaxiang,
      jichuywrenyuan,
      jichufuwushixian,
    }
  }
  </script>
  
  <style scoped>
    .pay_contant{
      padding:0 40px;
    }
  </style>